<!-- Content Wrapper. Contains page content -->
<!-- Content Wrapper. Contains page content -->
<div id="inner-container" class="content">

    <div class="row">
        <!--<div class="col-md-3">-->
            <!--<div class="box box-solid" ng-class="{true:'collapsed-box'}[schema?true:false]">-->
                <!--<div class="box-header with-border">-->
                    <!--<i class="fa fa-bar-chart-o"></i> <h3 class="box-title"> {{'CONFIG.WIDGET.WIDGET'|translate}}</h3>-->
                    <!--<div class="box-tools pull-right">-->
                        <!--&lt;!&ndash;<i class="fa fa-plus toolbar-icon" ng-click="newWgt()" title="{{'COMMON.NEW'|translate}}"></i>&nbsp;&nbsp;&ndash;&gt;-->
                        <!--&lt;!&ndash;<i class="fa fa-copy toolbar-icon" ng-click="copyNode()" title="{{'COMMON.COPY'|translate}}"></i>&nbsp;&nbsp;&ndash;&gt;-->
                        <!--&lt;!&ndash;<i class="fa fa-edit toolbar-icon" ng-click="editNode()" title="{{'COMMON.EDIT'|translate}}"></i>&nbsp;&nbsp;&ndash;&gt;-->
                        <!--&lt;!&ndash;<i class="fa fa-trash-o toolbar-icon"  ng-click="deleteNode()" title="{{'COMMON.DELETE'|translate}}"></i>&nbsp;&nbsp;&ndash;&gt;-->
                        <!--<i class="fa fa-reorder toolbar-icon" data-widget="collapse"></i>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="box-body">-->
                    <!--<input type="text" class="form-control" placeholder="Search" ng-model="keywords" ng-change="searchNode()" title="dsr:kylin ds:Bill wg:test">-->
                    <!--<div class="panel-body">-->
                        <!--<div id="widgetTreeID" js-tree="treeConfig" should-apply="applyModelChanges()" ng-model="treeData" tree="treeInstance"-->
                             <!--tree-events-obj="treeEventsObj"></div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="box box-solid" ng-if="schema">-->
                <!--<div class="box-header with-border">-->
                    <!--<i class="fa fa-cube"></i> <h3 class="box-title"> {{'CONFIG.DATASET.DATASET'|translate}}</h3>-->
                    <!--<div class="box-tools pull-right">-->
                        <!--<i class="fa fa-reorder toolbar-icon" data-widget="collapse"></i>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="box-body" ng-include="'org/cboard/view/config/chart/template/schemaLinkage.html'"></div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="col-md-12">

            <div class="box" >
                <div class="box-header with-border">
                    <h3 class="box-title"></h3>
                    <!--{{widgetName}}-->
                    <div class="box-tools pull-right" ng-switch="optFlag">
                        <!--<span ng-switch-when="edit" class="label label-info">{{'COMMON.EDIT'|translate}}</span>-->
                        <!--<span ng-switch-when="new" class="label label-danger">{{'COMMON.NEW'|translate}}</span>-->
                    </div>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12 form-horizontal">




                            <hr/>


                            <!--<div ng-include="'org/cboard/view/config/chart/template/linkage.html'"></div>-->
                            <div class="form-group" ng-repeat="alert in alerts">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div uib-alert ng-class="'alert-' + (alert.type || 'warning')"
                                         close="alerts.splice($index, 1)">{{alert.msg}}
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">联动图表</label>
                                <div class="col-sm-10">
                                    <!--<input type="text" value="{{linkageWidget}}" class="form-control" readonly/>-->
                                    <select select2 ng-change="changeWidget()" ng-model="linkageWidget"  class="form-control" placeholder="选择联动图表">
                                        <option value="{{ widget.id }}" ng-repeat="widget in linkageWidgetList">{{ widget.categoryName }}/{{ widget.name }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{'CONFIG.LINKAGE.LINKAGE_ZIDUAN'|translate}}</label>
                                <div class="col-sm-10">
                                    <input select2  select2-model="linkCol" config="linkageCol" multiple placeholder="支持多选哦" class="form-control" type="text"/>

                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">被联动图表</label>
                                <div class="col-sm-10">
                                    <!--<input type="text" value="{{bylinkName}}" class="form-control" readonly/>-->
                                    <select select2 ng-change="changeByWidget()" ng-model="bylinkageWidget"  class="form-control" placeholder="选择联动图表">
                                        <option value="{{ widget.id }}" ng-repeat="widget in widgetList">{{ widget.categoryName }}/{{ widget.name }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{'CONFIG.LINKAGE.BY_LINKAGE_ZIDUAN'|translate}}</label>
                                <div class="col-sm-10">
                                    <input select2 ng-model="c1" select2-model="bylinkCol" config="bylinkageCol" multiple placeholder="支持多选哦" class="form-control" type="text"/>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <button type="submit" ng-click="cancel();" class="btn btn-danger pull-right">
                                                {{'CONFIG.WIDGET.CANCEL'|translate}}
                                            </button>
                                            <button type="submit" ng-click="saveWgt()"
                                                    class="btn btn-success pull-right"
                                                    style="margin-right: 5px">{{'CONFIG.WIDGET.SAVE'|translate}}
                                            </button>
                                            <button type="submit" ng-click="preview()"
                                                    class="btn btn-success pull-right"
                                                    style="margin-right: 5px">
                                                {{'CONFIG.WIDGET.PREVIEW'|translate}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="margin: 0px 0px;">
                                <div class="col-md-{{previewDivWidth}} box box-solid">
                                    <div ng-show="!viewQueryMoal" id="preview_widget" style="min-height: 300px; user-select: text;"></div>
                                    <div ng-show="!viewQueryMoal" id="preview_widget1" style="min-height: 300px; user-select: text;"></div>

                                    <div ng-show="viewQueryMoal" id="viewQuery_widget" style="min-height: 300px; user-select: text;"></div>
                                    <div class="overlay fa box box-solid" ng-show="loadingPre">
                                        <div class="box-header with-border">
                                            <!--<h3 class="box-title"></h3>-->
                                            <div class="box-tools pull-right">
                                                <button type="button" class="btn btn-box-tool" data-widget="remove">
                                                    <i class="fa fa-times" style="font-size: large"></i></button>
                                            </div>
                                        </div>
                                        <i class="fa fa-spinner fa-spin"></i>
                                    </div>

                                </div>
                                <!--<div class="col-md-{{previewDivWidth1}} box box-solid">-->
                                    <!--<div ng-show="!viewQueryMoal" id="preview_widget1" style="min-height: 300px; user-select: text;"></div>-->
                                    <!--<div ng-show="viewQueryMoal" id="viewQuery_widget1" style="min-height: 300px; user-select: text;"></div>-->
                                    <!--<div class="overlay fa box box-solid" ng-show="loadingPre1">-->
                                        <!--<div class="box-header with-border">-->
                                            <!--&lt;!&ndash;<h3 class="box-title"></h3>&ndash;&gt;-->
                                            <!--<div class="box-tools pull-right">-->
                                                <!--<button type="button" class="btn btn-box-tool" data-widget="remove">-->
                                                    <!--<i class="fa fa-times" style="font-size: large"></i></button>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                        <!--<i class="fa fa-spinner fa-spin"></i>-->
                                    <!--</div>-->

                                <!--</div>-->

                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                </div>
                <div class="overlay fa box box-solid" ng-show="loading">
                    <div class="box-header with-border">
                        <!--<h3 class="box-title"></h3>-->
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="remove">
                                <i class="fa fa-times" style="font-size: large"></i></button>
                        </div>
                    </div>
                    <i class="fa fa-spinner fa-spin"></i>
                </div>
            </div>
        </div>
    </div>
</div>
</div>